<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>导航页面</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        #container {
            width: 100%;
            height: 100vh;
            // background-color: pink;
        }

    </style>
    <script type="text/javascript">
        window._AMapSecurityConfig = {
            securityJsCode:'b99ece896f708f94b6adcd86b8ea0bed',
        }

    </script>
    <script type="text/javascript"
            src="https://webapi.amap.com/maps?v=1.4.15&key=365f9643d30862c91e786b14b89b7cf3"></script>
</head>
<body>
<div id="container"></div>
<script>
    var map = new AMap.Map("container", {
       zoom: 15, //缩放级别
       center: [108.721005, 23.685513], //中心点坐标
     })

//  消息模式
//     var h5Port
//     window.addEventListener("message", function (event) {
//        if (event.data === '__init_port__') {
//            // 已收到原生端发来的消息
//            h5Port = event.ports[0] // 拿到第一个端口
//            if (h5Port) {
//                h5Port.postMessage(JSON.stringify({ type: 'connect_ok'})) // 给原生发消息
//            }
//        }
//     })

    window.onload = function() {
        if (window.mb) {
            mb.getLocation('getLocation')
        }
    }

    function getLocation(longitude, latitude) {
        // 讲坐标定义到经纬度上
        map.setZoomAndCenter(18, [longitude,latitude])
        map.plugin(["AMap.PlaceSearch"], function () {
          var MSearch = new AMap.PlaceSearch({
            pageSize: 4,    // 请求4条记录
            pageIndex: 1, //请求页码，默认1
            extensions: "base", //返回信息详略，默认为base（基本信息）
          }) //构造PlaceSearch类
          AMap.event.addListener(MSearch, "complete", (result) => {
            mb.receiveData('search_list',JSON.stringify(result?.poiList?.pois || []))
           // mb.receiveData("search_list",JSON.stringify(result?.poiList?.pois || []))
          }) //返回结果
          MSearch.searchNearBy("地点", new AMap.LngLat(longitude, latitude)) //关键字查询
        })
    }


</script>
</body>
</html>